<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
    <meta charset="UTF-8">
    <title>Ajax的使用</title>
    <script src="./../lib/jquery-3.7.0.js"></script>
</head>
<body>
服务器文本：<span id="note"></span><br>
<button>请求</button>
<script>
    $("button").click(function () {
        /*$.get("./../asset/data/data.txt", function (data) {
            $("#note").html(data)
        });*/

        $.ajax({
            type: "get",                /* 请求方式 */
            data: {},                   /* 传递给服务器的数据 */
            url: "./../asset/data/data.txt",        /* 请求地址 */
            async: true,                /* 同步或异步 */
            dataType: "text",           /* 文本结构 */
            success: function (data) {  /* 请求成功 */
                $("#note").html(data);
            },
            error: function () {    /* 请求失败 */
                $("#note").html("请求失败！");
            }
        })
    })
</script>
</body>
</html>